<template>
<UserHeader />
    <main class="main">
        <div class="error404"></div>
        <h4>很抱歉，你要查找的网页找不到</h4>
    </main>
<UserFooter />
</template>

<script setup>
    import UserFooter from '../header/user/header_bottom/UserFooter.vue';
    import UserHeader from '../header/user/header_bottom/UserHeader.vue';

</script>

<style lang='less' scoped>
    main{
        height: 350px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        .error404{
            width: 270px;
            height: 112px;
            margin: 0 auto;
            background: url(../../assets/img/error.png);
            background-position: 0px -404px;
        }
        h4{
            margin-top: 20px;
            color: rgb(148, 148, 148);
        }
    }
</style>